<html>

<head>
    <title>移动应用分发工具 V2.0</title>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit" />
    <meta name="force-rendering" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link href="/static/css/bootstrap.min.css" rel="stylesheet" />

    <style>
        .main {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
            padding-top: 20%;
        }
    </style>
</head>

<body>
    <div class="alert alert-warning" role="alert">
        苹果设备请使用 <em>Safari</em> 浏览器下载安装
    </div>
    <div class="main">
        <img src="{{.png_url}}?t={{.rnd}}" alt="" class=" mx-auto d-block">

        <h1 class="lead my-4">
            {{ .APP.Name }}
        </h1>
        <p>
            <em class="my-2 text-muted" style="font-size:14px;">{{ .APP.Version }} ( {{ .APP.BundleId }} )</em>
        </p>
        <p>
            <a class="mx-4 link-opacity-100" href="{{.ios_url}}">iOS</a>
            <a class="mx-4 link-opacity-100" href="{{.apk_url}}">安卓</a>
        </p>
    </div>
</body>

</html>